<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta content="text/html; charset=utf-8">
    <script th:src="@{js/jquery-3.2.1.min.js}"></script>
    <script type="text/javascript">
        window.onload = function () {
            function listen() {
                var uuid = $("#uuid").text();
                $.ajax({
                    type: "GET",
                    url: "/pcwx/listen",
                    data: {
                        uuid: uuid
                    },
                    success: function (msg) {
                        console.log("login result:" + msg.code);
                        if (msg.code == 2) {
                            //过期
                            clearInterval(i);
                            $("#qcrode").attr("src", "../404.gif");
                        }
                        if (msg.code == 3) {
                            //已登录
                            clearInterval(i);
                            console.log(msg.loginSession.user.nickName);
                            $("#NickName").text(msg.loginSession.user.nickName + "恭喜你登录成功");
                            synccheck(msg.loginSession);//监听登录后的信息
                        }
                        if (msg.code == 4) {
                            console.log(msg.img);
                            $("#qcrode").attr("src", msg.img);
                        }
                    }
                });
            }
            var i;
            listen();
            i = setInterval(listen, 15000);
        };

        function synccheck(param) {
            console.log(param);
            $.ajax({
                type: "POST",
                url: "/pcwx/syncCheckListen",
                dataType : "JSON",
                contentType:"application/json",
                data: JSON.stringify(param),
                success: function (msg) {
                    console.log("check result:" + msg);
                    if (msg.loginSession.success) {
                        console.log(msg.messageList);
                        synccheck(msg.loginSession);
                    } else {
                        console.log("登录异常");
                        window.location.href = "/pcwx/qrcode";
                    }
                },
                error: function (msg) {
                    console.log("监听异常");
                    window.location.href = "/pcwx/qrcode";
                }
            });
        }
    </script>
</head>
<body>
<img id="qcrode" th:src="${qrcodeUrl}"/>
</body>
</html>